<template>
  <view>
    <u-navbar title="案例详情" height="50"></u-navbar>
    <view class="case-top">
      <view class="case-top-title">
        {{ info.title }}
      </view>
      <view class="case-top-tip">
        <!-- <text class="case-tip-left">贵州-贵阳</text> -->
        <view class="case-tip-right">
          {{ formatTime(info.createTime) }}
        </view>
      </view>
    </view>

    <view class="case-content">
      <h3>案例说明</h3>
      <view class="content-desc">
        <u-parse :html="info.content"></u-parse>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      tagStyle: '12rpx',
      info: {
        createTime: ''
      }
    }
  },
  onLoad(e) {
    if (e.info) this.info = JSON.parse(e.info)

    console.log(this.info)
  },
  computed: {
    formatTime() {
      return (e) => this.$utils.parseTime(e)
    }
  },
  methods: {}
}
</script>

<style>
page {
  height: 100%;
  background: #eeeeef;
}
.case-top {
  padding: 20rpx;
  margin: 20rpx 0;
  background-color: #fff;
}
.case-top-title {
  font-size: 33rpx;
  font-weight: 700;
}
.case-top-tip {
  margin-top: 13px;
  overflow: auto;
  color: #999999;
}
.case-tip-left {
  float: left;
}
.case-tip-right {
  float: right;
}

.case-content {
  padding: 20rpx;
  background-color: #fff;
  line-height: 56rpx;
}
h3 {
  text-align: center;
}
.content-desc {
  font-size: 30rpx;
  margin-bottom: 120rpx;
}
</style>
